<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <style>
			.clear{
				clear:both;
			}
			body{
				background-color:#F1F2F6;
			}
			.types{
				width:960px;
				margin:0 auto;
				background-color:#FFFFFF;
				margin-top:10px;
			}
			/*分类中的标题*/
			.types > div:first-of-type{
				box-sizing:border-box;
				width:100%;
				height:40px;
				line-height:40px;
				background-image:url('./h.png');
				padding-left:36px;
				font-weight:bold;
				font-size:15px;
			}
			/*分类中的每个子类*/
			.types > div:nth-of-type(2){
				width:100%;
			}
			.types .type{
				float:left;
				width:300px;
				height:63px;
			}
			.type{
				margin-left:13px;
				margin-top:8px;
			}
			.type img{
				float:left;
			}
			.type > div{
				width:240px;
				float:right;
			}
			.type > div > a{
				display:block;
				width:100%;
				height:20px;
				line-height:20px;
				font-size:14px;
				font-weight:bold;
				text-decoration:none;
				color:#075992;
			}
			.type > div > div > span{
				float:left;
				width:50%;
				color:rgb(68,68,68);
				font-size:12px;
			}
			.type > div > div > span:last-of-type{
				width:100%;
			}
			
        </style>
    </head>
    <body>
        <div class="types">
            <div>:::.技术交流.:::</div>
            <div>
                <div class="type">
                    <img src="./PHP.png" />
                    <div>
                        <a href="#">PHP技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./HTML5.png" />
                    <div>
                        <a href="#">HTML5技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./java.png" />
                    <div>
                        <a href="#">java技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./linux.png" />
                    <div>
                        <a href="#">Linux技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./sql.png" />
                    <div>
                        <a href="#">SQL技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./sql.png" />
                    <div>
                        <a href="#">SQL技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./sql.png" />
                    <div>
                        <a href="#">SQL技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
				<div class='clear'></div>
            </div>
        </div>

        <div class="types">
            <div>:::.技术交流.:::</div>
            <div>
                <div class="type">
                    <img src="./PHP.png" />
                    <div>
                        <a href="#">PHP技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./HTML5.png" />
                    <div>
                        <a href="#">HTML5技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./java.png" />
                    <div>
                        <a href="#">java技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./linux.png" />
                    <div>
                        <a href="#">Linux技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./sql.png" />
                    <div>
                        <a href="#">SQL技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
				<div class='clear'></div>
            </div>
        </div>
        <div class="types">
            <div>:::.技术交流.:::</div>
            <div>
                <div class="type">
                    <img src="./PHP.png" />
                    <div>
                        <a href="#">PHP技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./HTML5.png" />
                    <div>
                        <a href="#">HTML5技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./java.png" />
                    <div>
                        <a href="#">java技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./linux.png" />
                    <div>
                        <a href="#">Linux技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./sql.png" />
                    <div>
                        <a href="#">SQL技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
				<div class='clear'></div>
            </div>
        </div>
        <div class="types">
            <div>:::.技术交流.:::</div>
            <div>
                <div class="type">
                    <img src="./PHP.png" />
                    <div>
                        <a href="#">PHP技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./HTML5.png" />
                    <div>
                        <a href="#">HTML5技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./java.png" />
                    <div>
                        <a href="#">java技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./linux.png" />
                    <div>
                        <a href="#">Linux技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./sql.png" />
                    <div>
                        <a href="#">SQL技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
				<div class='clear'></div>
            </div>
        </div>
        <div class="types">
            <div>:::.技术交流.:::</div>
            <div>
                <div class="type">
                    <img src="./PHP.png" />
                    <div>
                        <a href="#">PHP技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./HTML5.png" />
                    <div>
                        <a href="#">HTML5技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./java.png" />
                    <div>
                        <a href="#">java技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./linux.png" />
                    <div>
                        <a href="#">Linux技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
                <div class="type">
                    <img src="./sql.png" />
                    <div>
                        <a href="#">SQL技术交流</a> 
                        <div>
                            <span>帖子 91136</span>
                            <span>主题 10598</span>
                            <span>最后发帖：2015-08-21 22:22:22</span>
                        </div>
                    </div>
                </div>
				<div class='clear'></div>
            </div>
        </div>
    </body>
</html>
